В ie 6 дочерний блок выходит за границы родительского блока

tanaka · July 31, 2012

Доброго времени суток!

В ie 6 дочерний блок выходит за границы родительского блока,как это можно исправить?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<style type="text/css">
*{
	margin:0;
	padding:0;
	}
#cont1{
	zoom:0;
	}
/* *** Float containers fix ***#cont1 {
  zoom: 1;
} */

html,body{
	height:100%;
	min-height:100%;
	height:auto !important;
	background-color:#D2F7DF;}
#header{
	height:100px;
	width:1000px;
	background:#D0D0D0;
	margin:0 auto; }
#wrap{
	height:100%;
	min-height:100%;
	height:auto !important;
	margin:0 auto;
	width:1000px;
	background:#F2F2F2;	
	overflow:hidden;	
	}
/*—--вот этот блок выходит за границы————————--*/
#cont1{
	background:red;
	width:100%;
	float:left;
	position:relative;
	right:56%;

	}
#cont2{
	background:blue;
	width:100%;
	float:left;
	position:relative;
	right:22%;

	}
#cont3{
	background:#ccc;
	width:100%;
	float:left;
	overflow:hidden;	
	}
#col1{
	float:left;
	width:21%;
	position:relative;
	left:78%;
	outline:1px solid #000;
	overflow:hidden;	}
#col2{
	float:left;
	width:54%;
	position:relative;
	left:80%;
	outline:1px solid #000;
	overflow:hidden;	}
#col3{
	float:left;
	width:21%;
	position:relative;
	left:82%;
	outline:1px solid #000;
	overflow:hidden;
	}
.clear{
	clear:both;}
#footer{
	height:100px;
	background:#4135AC;
	margin: 0 auto;
	width:1000px;
	}

</style>
</head>

<body>
<div id="header">header</div>
<div id="wrap" >
<div id="cont3">
    <div id="cont2">
        <div id="cont1">
            <div id="col1">
            left leftft left left left left left left left left<  left left left left left left left left left left left left left
                left leftft left left left left left left left left<  left left left left left left left left left left left left left
            </div>
            <div id="col2">center center center center center center center center center
            center center center center center center center center center
            center center center center center center center center center
            center center center center center center center center center
            center center center center center center center center center
            center center center center center center center center center
            center center center center center center center center center

            center center center center center center center center center
            center center center center center center center center center </div>
            <div id="col3">right right right right right rightv right  right rightv right 4</div>
        </div>
    </div>
</div>
</div>
<div class="clear"></div>
<div id="footer"></div>
</body>
</html>

Modestes · July 31, 2012

Вы отстали от жизни)

Читать

Про IE6 забыть!

tanaka · July 31, 2012

Вы отстали от жизни)
Читать
Про IE6 забыть!

Да я забыл бы с радостью

но что делать если клиент уперто потребует чтобы его сайт отображался как в ie6 так и в ie7?

psywalker · July 31, 2012

Вы отстали от жизни)
Читать
Про IE6 забыть!
Да я забыл бы с радостью
но что делать если клиент уперто потребует чтобы его сайт отображался как в ie6 так и в ie7?

Значит требуй от такого клиенту тройную зп)

Sign In

В ie 6 дочерний блок выходит за границы родительского блока

Question

tanaka

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Modestes

Link to comment

Share on other sites

tanaka

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information